@-ms-viewport {width:device-width;}
html {box-sizing:border-box;-ms-overflow-style:scrollbar}
*,*::before,*::after {box-sizing:inherit}
.container {width:100%;min-width:960px;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media only screen and (min-width:1200px) {.container {max-width:1200px}}
.row {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.no-gutters {margin-right:0;margin-left:0}
.align-items-center {-ms-flex-align:center!important;align-items:center!important;}
.justify-content-center {-ms-flex-pack: center !important;justify-content: center !important;}
.no-gutters>.col,.no-gutters>[class*=col-] {padding-right:0;padding-left:0}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-5ths,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto,.col-xl-5ths {position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}
.col {-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-auto {-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
.col-1 {-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-2 {-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-3 {-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-4 {-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-5 {-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-6 {-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-7 {-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-8 {-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-9 {-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-10 {-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-11 {-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-12 {-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-5ths {-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}

@font-face{font-family: "mySourceHanSansSC"; src: url('../fonts/SourceHanSansSC-Normal.otf');font-style: normal;font-display: swap;}
@font-face{font-family: "mySourceHanSansSCMedium"; src: url('../fonts/SourceHanSansSC-Medium.otf');font-style: normal;font-display: swap;}
body {font-size:16px;font-family:Microsoft Yahei,Arial,sans-serif;padding:0;margin:0;min-width:992px;background-color:#fff;line-height:1.875}
h1,h2,h3,h4 {font-weight:400;margin:0;line-height:1}
h2 {font-weight:700;font-size:28px;color:#212121;}
h3 {font-weight:700;font-size:20px;color:#212121;}
h4 {font-size:18px;color:#212121;}
a {color:#212121;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-o-transition:width color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
a:hover,a:active,a.active {color:#ffc107;}
ul {list-style:none;margin:0;padding:0}
p {color:#757575;}
small {font-size:16px;}
.img-fluid {max-width:100%;height:auto}
.hiddenblock{height: auto !important;overflow: unset !important;}
.talk{cursor:pointer;}

.media {position:relative;overflow:hidden;display:table;line-height:0;padding: 0;}
.lazyimg {width:100%;transition-duration:.5s;-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s}
.lazyimg:hover {transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2)}
img {border:0;}

i.hot{position:absolute;top:0;left:0;z-index:9;width:52px;height:24px;}
i.hot:before{position:absolute;content:"";background-image:url(../images/ico.png);width:52px;height:24px;background-position: 14% 72.6%;top:0;bottom:0;margin-top:auto;margin-bottom:auto;left:0;}

.slick-slider {position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list {position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus {outline:none}
.slick-list.dragging {cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track {position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after {display:table;content:''}
.slick-track:after {clear:both}
.slick-loading .slick-track {visibility:hidden}
.slick-slide {display:none;float:left;height:100%;min-height:1px}
.slick-slide img {display:block;margin-left:auto;margin-right:auto}
.slick-slide.slick-loading img {display:none}
.slick-slide.dragging img {pointer-events:none}
.slick-initialized .slick-slide {display:block}
.slick-loading .slick-slide {visibility:hidden}
.slick-vertical .slick-slide {display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden {display:none}
.slick-dots {position:absolute;list-style:none;display:block;text-align:center;padding:0;width:100%;margin-top:-50px}
.slick-dots li {position:relative;display:inline-block;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button {border:0;background-color:transparent;display:block;height:12px;width:12px;outline:0;line-height:0;font-size:0;color:transparent;cursor:pointer;outline:0;background-size:100% 100%;z-index:999999}
.slick-dots li button:focus {outline:0}
.slick-dots li button:before {position:absolute;top:0;left:0;content:"";width:12px;height:12px;font-family:slick;font-size:10px;line-height:10px;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:1px solid #d3d3d3;border-radius:50%}
.slick-dots li.slick-active button:before {background:#ffc107;border:1px solid #ffc107;}
.slick-slider .slick-track {margin-left:0}
@media only screen and (max-width:991px) {.slick-dots {margin-top:-35px}
}

header{display:table;width:100%;min-width:992px;left:0;top:0;z-index:99999;border-bottom:1px solid #d4d4d4;}
.logo{display:inline-block;padding-top:16px;line-height:0;}
.nav {display:inline-block;float:right;margin-bottom:-1px;}
.main-menu {z-index:9;width:auto}
.main-menu>ul>li {display:inline-block;}
.main-menu ul,.main-menu ul li,.main-menu ul li a {margin:0;padding:0}
.main-menu>ul>li>a {display:block;color:#757575;position:relative;padding:25px 20px 24px;font-size:16px;line-height:1.875;transition:background-color 300ms;-moz-transition:background-color 300ms;-webkit-transition:background-color 300ms;-o-transition:background-color 300ms}
.main-menu .submenu .submenu-mega {position:absolute;display:none;height:auto;left:0;right:0;margin-left:auto;margin-right:auto;}
.main-menu .submenu-mega > div {padding-top:40px;background-color:transparent;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26FFFFFF, endColorstr=#26FFFFFF);
background-color:rgba(0,0,0,0.7);}
.main-menu .submenu:hover>.submenu-mega {display:block;z-index:999999;}
.main-menu ul li.tel {display:none;vertical-align: middle;margin-right:0;margin-left:40px;}
.main-menu ul li.tel span {display:block;line-height:1;text-align:right;}
.main-menu ul li.tel span:first-child{font-size:14px;color:#bdbdbd;}
.main-menu ul li.tel span:last-child{font-size:20px;color:#ff9900;font-weight:600;margin-top:5px;font-family:Helvetica,San Francisco,Roboto,Microsoft Yahei;}
#current > a:after,.main-menu>ul>li:not(:last-child) > a:hover:after{position:absolute;left: 0;right: 0;bottom:0;margin-left:auto;margin-right:auto;content:"";height:4px;background-color:#ffc107;width:90px;border-radius: 2px;}
#current > a,.main-menu>ul>li:not(:last-child):hover > a{color:#3f51b5;}
@media only screen and (min-width:1170px) {
.main-menu ul li.tel {display:inline-block;}
}
.submenu-mill,.submenu-crusher{padding-left:20px;padding-right:20px;}
.submenu-mill .title h4 a,.submenu-crusher .title h4 a{color:#fff;font-size:20px;}
.submenu-mill .title h4 a i,
.submenu-crusher .title h4 a i{width: 14px;height: 14px;vertical-align: middle;display: inline-block;position:relative;margin-left:10px;}
.submenu-mill .title h4 a i:after,
.submenu-crusher .title h4 a i:after{position:absolute;content:"";background-image:url(../images/ico.png);width:14px;height:14px;background-position: 47% 100%;left:0;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.submenu-mill .title h4 a:hover i:after,
.submenu-crusher .title h4 a:hover i:after{background-position: 48.8% 100%;}
.submenu-mill .title h4 a:hover,.submenu-crusher .title h4 a:hover{color:#fec106;}
.submenu-mill a.bgimg{display:block;background-image: linear-gradient(0deg,#d3dbff 0%,#f0f2fd 100%);border-radius: 2px;padding:3px;}
.submenu-mill a.bgimg > div{border:1px solid transparent;transition:all 300ms;-moz-transition:all 300ms;-webkit-transition:all 300ms;-o-transition:all 300ms}
.submenu-mill a.bgimg:hover > div{border:1px solid #3f51b5;}
.submenu-mill a.bgimg h5{color: #3f51b5;font-size:16px;font-weight:normal;margin-top:20px;margin-bottom:0;text-align:center;line-height:1;}
.submenu-mill a.bgimg p{margin-top: 15px;margin-bottom: 0;text-align: center;font-size: 14px;line-height:1;color:#3f51b5;}
.submenu-mill a.bgimg img{display:table;}
.submenu-mill .body.row{margin-left:-10px;margin-right:-10px;margin-top:20px;}
.submenu-crusher .body.row{margin-left:-10px;margin-right:-10px;margin-top:10px;}
.submenu-mill .col-5ths,.submenu-crusher .col-5ths{padding-left:10px;padding-right:10px;}
.submenu-mill .col-5ths i.hot{top: -1px;left:10px;}
.submenu-crusher {margin-top:20px;}
.submenu-crusher li{list-style:square inside;color:#ffffff;transition:all 300ms;-moz-transition:all 300ms;-webkit-transition:all 300ms;-o-transition:all 300ms;}
.submenu-crusher li:hover{color:#fec106;}
.submenu-crusher li a{color:inherit;font-size:14px;}
.submenu-footer{border-top:1px dashed #bdbdbd;text-align:right;margin-top:15px;padding-top: 20px;padding-bottom: 20px;}
.submenu-footer > div{display:inline-block;margin-left:20px;margin-right:20px;}
.submenu-footer > div a{display:block;color:#ffffff;}
.submenu-footer > div a i{width: 20px;height: 20px;vertical-align: middle;display: inline-block;position:relative;margin-left:10px;}
.submenu-footer > div a i:after{position:absolute;content:"";background-image:url(../images/ico.png);width:20px;height:20px;background-position: 43.5% 100%;left:0;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.submenu-footer > div a:hover{color:#fec106;transition:all 300ms;-moz-transition:all 300ms;-webkit-transition:all 300ms;-o-transition:all 300ms;}
.submenu-footer > div a:hover i:after{background-position: 43.5% 95.8%;}
.submenu-footer .chat a{color:#fec106;}
.submenu-footer .chat a i:after{background-position: 43.5% 95.8%;}



.case_submenu .submenu-mega > div{padding-bottom:40px;}
.case_submenu .col{padding-left:10px;padding-right:10px;}
.case_submenu a.bgimg{padding:0;position: relative;transition:all 300ms;-moz-transition:all 300ms;-webkit-transition:all 300ms;-o-transition:all 300ms;background-image:none;}
.case_submenu a.bgimg i{display: table;position: absolute;width: 95%;transition:all 300ms;-moz-transition:all 300ms;-webkit-transition:all 300ms;-o-transition:all 300ms;height: 95%;margin: auto;border: 1px solid transparent;left: 0;right: 0;z-index: 99;top: 0;bottom: 0;}
.case_submenu a.bgimg h5{z-index: 9;position: absolute;left: 0;right: 0;}
.case_submenu a.bgimg > div{border:0px solid transparent;}
.case_submenu a.bgimg:hover > div{border:0px solid #3f51b5;}
.case_submenu a.bgimg:hover i{border:1px solid #3f51b5;}
.case_submenu a.bgimg > div img{border:1px solid transparent;border-radius:3px;transition:all 300ms;-moz-transition:all 300ms;-webkit-transition:all 300ms;-o-transition:all 300ms}
.case_submenu a.bgimg:hover > div img{border:1px solid #3f51b5;}

.banner img{width:100%;}

.nav-tabs{border-bottom:1px solid #e5e5e5;}


/*table*/
.protable {overflow-x:auto;}
table {width:100%;border-collapse:collapse;text-align:center;margin-top:40px;margin-bottom:40px;}
table thead tr,table tbody tr {border-right:1px solid #ededed;border-bottom:1px solid #ededed;margin-left:10px;margin-right:10px;}
table thead td {color:#222;padding:5px 10pxborder-left:1px solid #ededed;border-top:1px solid #ededed;}
table tbody td {padding:5px 10px;border-left:1px solid #ededed;}



.form{background-color:#f0f2fd;padding-top:40px;padding-bottom:40px;}
.form .title {display:block;text-align:center;}
.form .title h2 {font-size:28px;}
.form .title small {display:block;font-size:16px;color:#757575;margin-top:15px;margin-bottom:15px;}
.form .body form {padding-left: 50px;padding-right: 50px;width:100%;}
.form .tel{margin-top:20px;}
.form form .prefer {margin-top:10px;}
.form form .prefer > label {display: inline-block;line-height: 1;margin-right: 10px;}
.form form .prefer:after {content:"";display:block;clear:both;}
.form form .prefer .body{display:inline-block;vertical-align: top;}
.form form .prefer .body div {float:left;margin-bottom:20px;margin-right:20px;}
.form form .prefer .body > div label{cursor: pointer;}
.form form .prefer .body > div label input[type="radio"]{position: absolute;opacity: 0;visibility: hidden;}
.form form .prefer .body > div label i{display: inline-block;position: relative;width: 16px;height:16px;background-color: #f0f2fd;border: 2px solid #bdbdbd;border-radius: 10px;margin-right: 10px;vertical-align: middle;}
.form form .prefer .body > div label span{display: inline-block;position: relative;vertical-align: middle;color:#757575;}
.form form .prefer .body > div label:hover i{border: 2px solid #ffc107;}
.form form .prefer .body > div label:hover span{color:#333333;}
.form form .prefer .body > div label input[type="radio"]:checked + i:after{position: absolute;content: "";width: 8px;height: 8px;background-color: #f0f2fd;border-radius: 4px;top: 0;left: 0;margin: auto;right: 0;bottom: 0;}
.form form .prefer .body > div label input[type="radio"]:checked + i{background-color: #ffc107;border:2px solid #ffc107;}
.form form .btn button {width:100%;	background-image: linear-gradient(-30deg,#ffc107 0%,#f6ab00 100%);border-radius: 2px;border:0;padding-top:15px;padding-bottom:15px;color:#ffffff;;font-size:16px;letter-spacing: 2px;}
.form .name,.form .tel{position:relative;}
.form .name label,
.form .tel label{position: absolute;right: 10px;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;line-height: 1;height: 20%;color: red;}


/**biaodan 2020.4.17*/
.form2020{max-width:960px;width:100%;margin-left:auto;margin-right:auto;}
.form2020 .title{padding: 0;}
.form2020 .option{text-align:center;}
.form2020 .option span{display:inline-block;padding:15px 78px;line-height:1;cursor:pointer;background-color:#e4e6f0;color:#3f51b5;}
.form2020 .option span.active,.form2020 .option span:hover{background-color:#3f51b5; color:#ffffff;transition:all 300ms;-moz-transition:all 300ms;-webkit-transition:all 300ms;-o-transition:all 300ms;}
.form2020 .name,.form2020 .phone,.form2020 .other,.form2020 .materials{position:relative;margin-bottom:20px;}
.form2020 .name{margin-top:20px;}
.form2020 .address,.form2020 .application,.form2020 .contact{position:relative;margin-bottom:10px;}
.form2020 .company,.form2020 .content{position:relative;margin-bottom:20px;margin-top:20px;}
.form2020 .address{margin-top:20px;}
.form2020 .phone{position:relative;margin-bottom:10px;}
.form2020 .contact .item{margin-top:10px;}
.form2020 .address-tips,.form2020 .contact > label{display:block;color:#e80f0f;font-weight: normal;margin-bottom: 5px;}
.form2020 .control{width:100%;font-size:100%;border: 1px solid #d5d5d5; border-radius:2px;padding:12px 15px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.form2020 .name .control,.form2020 .phone .control,.form2020 .address .control,.form2020 .application .control,.form2020 .materials .control{padding-left:20px;padding-right:0;}
.form2020 .required{position: absolute;left:10px;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;line-height: 1;height: 20%;color: #b10303;font-weight: bold;}
.form2020 ul{padding: 0;margin: 0;}
.form2020 li.item{display:inline-block;list-style:none;cursor: pointer;margin-right:20px;}
.form2020 li.item i{display: inline-block;position: relative;width: 12px;height:12px;background-color: transparent;border: 1px solid #999999;border-radius: 12px;margin-right: 6px;vertical-align: middle;}
.form2020 li.item i:before{position:absolute;content:"";width:6px;height:6px;left:0;right:0;top:0;bottom:0;margin:auto;border-radius: 6px;background-color:transparent;}
.form2020 li.item.active i,.form2020 .contact li.item:hover i{border: 1px solid #000000;}
.form2020 li.item.active i:before,.form2020 .contact li.item:hover i:before{background-color:#000000;}
.form2020 li.item span{display: inline-block;position: relative;vertical-align: middle;color:#757575;}
.form2020 .null{display:none;}
.form2020 .contact .item{display:inline-block;margin-right:20px;}
.form2020 .contact .item label{cursor: pointer;font-weight: normal;}
.form2020 .contact .item label input[type="radio"]{position: absolute;opacity: 0;visibility: hidden;}
.form2020 .contact .item label i{display: inline-block;position: relative;width: 12px;height:12px;background-color:transparent;border: 1px solid #999999;border-radius: 12px;margin-right: 6px;vertical-align: middle;}
.form2020 .contact .item label span{display: inline-block;position: relative;vertical-align: middle;color:#757575;}
.form2020 .contact .item label input[type="radio"]:checked + i:after{position: absolute;content: "";width: 6px;height: 6px;background-color: #050505;border-radius: 6px;top: 0;left: 0;margin: auto;right: 0;bottom: 0;}
.form2020 .contact .item input[type="radio"]:checked + i{border:1px solid #000000;}

.form2020 .application .required{left: 0;display: inline-block;}
.form2020 .application .title{display: inline-block;position: relative;margin-left: 15px;line-height: 1;vertical-align: middle;}
.form2020 .application-input{margin-bottom:20px;}
.form2020 textarea.control{font-family: Microsoft Yahei,Arial,sans-serif;}
.form2020 .btn{width: 100%;padding: 0;border: 0;margin-bottom: 30px;}
.form2020 .btn button{width: 100%;cursor:pointer;background-color:#ff9900;border: 0;padding-top: 15px;padding-bottom: 15px;color:#ffffff;border-radius:2px;font-size:100%;}


.form-footer{background-color:#e1e6fc;padding-top:40px;padding-bottom:40px;}
.form-control{border: solid 1px #c5cae9;width:100%;padding-left:15px;padding-right:15px;height:50px;background-color:transparent;font-size:16px;color:#757575;}
.form-control:focus {border-color:#999999;}
.form-control::-moz-placeholder {color:#999999;opacity:1;}
.form-control:-ms-input-placeholder {color:#999999;}
.form-control::-webkit-input-placeholder {color:#999999;}
.form-control::-ms-expand {border:0;background-color:transparent;}
.form-footer .product,.form-footer .material{position:relative;padding-left:15px;}
.form-footer .product:before,
.form-footer .material:before{content: "";position:absolute;width:0;height:0;border:9px solid transparent;border-top-color: #c5cae9;top: 22px;right: 30px;cursor: pointer;z-index: -2;}
.form-footer .product,
.form-footer .material {background-color:transparent;font-size:16px;display: inline-block;position: relative;vertical-align: middle;overflow: hidden;text-shadow: none;transition: box-shadow 0.25s ease;z-index: 2;}
.form-footer .product select,
.form-footer .material select {cursor: pointer;width: 100%;border: solid 1px #c5cae9;background-color: transparent;-webkit-appearance: none;-moz-appearance: none;color:#757575;padding-left:15px;font-size:16px;height: 50px;}
.form-footer .product select optgroup,
.form-footer .material select optgroup{font-style:normal;}
.form-footer .product select:focus,.form-footer .material select:focus {outline: none;}
.form-footer .submit button{background-image: linear-gradient(-30deg,#ffc107 0%,#f6ab00 100%);border-radius: 2px;letter-spacing: 2px;color:#fff;border:0;cursor:pointer;font-size:16px;height: 50px;width: 100%;}

.common-service{background-color:#f0f2fd;margin-top:40px;padding-top:40px;padding-bottom:40px;}
.common-service h2{position:relative;display:table;text-align:center;margin-left:auto;margin-right:auto;float:none;margin-bottom:40px;}
.common-service h2:before {position:absolute;content:"";width:48px;height:12px;background-image:url(../images/ico.png);background-position:0 0; top:0; bottom:0; margin-top:auto; margin-bottom:auto; margin-left:-68px;}
.common-service h2:after {position:absolute; content:"";width:48px;height:12px;background-image:url(../images/ico.png);top:0;bottom:0;margin-top:auto; margin-bottom:auto;margin-left:20px;background-position:7% 0;}
.common-service img{margin-left: auto;margin-right: auto;display: table;width: 660px;}

.common-intro{background-image: linear-gradient(0deg,#3f51b5 0%,#428df4 100%);padding-top:40px;padding-bottom:20px;}
.common-intro .title h2{position:relative;display:table;text-align:center;margin-left:auto;margin-right:auto;float:none;margin-bottom:40px;color:#fff;}
.common-intro .title h2:before {position:absolute;content:"";width:48px;height:12px;background-image:url(../images/ico.png);background-position:0 2.5%; top:0; bottom:0; margin-top:auto; margin-bottom:auto; margin-left:-68px;}
.common-intro .title h2:after {position:absolute; content:"";width:48px;height:12px;background-image:url(../images/ico.png);top:0;bottom:0;margin-top:auto; margin-bottom:auto;margin-left:20px;background-position:7% 2.5%;}
.common-intro .body{padding-left:15px;padding-right:15px;}
.common-intro .body > div{text-align: center;}
.common-intro .body > div i{display: block;width:84px;height:84px;margin-left:auto;margin-right:auto;}
.common-intro .body > div i:before{position:absolute; content:"";width:84px;height:84px;background-image:url(../images/ico.png);background-position:27% 20.3%;left: 0;right: 0;margin-left: auto;margin-right: auto;}
.common-intro .body > div:first-child i:before{background-position:27% 0;}
.common-intro .body > div:last-child i:before{background-position:27% 40.5%;}
.common-intro .body > div h4{font-size:20px;font-weight:bold;letter-spacing: 1px;color: #f0f2fd;margin-top: 20px;}
.common-intro .body > div p{color:#c5cae9;}

.common-case .title{padding-bottom:20px;margin-top: 40px;border-bottom: 1px solid #c5cae9;}
.common-case .title h2{display: inline-block;font-size:24px;}
.common-case .title .more{position: relative;float:right;margin-right:28px;}
.common-case .title .more a{color:#ffc107;}
.common-case .title .more i{font-style: normal;letter-spacing: 1px;}
.common-case .title .more i:after{position:absolute;content:"";background-image:url(../images/more-ico.png);width:22px;height:20px;background-position: 26.5% 0;top:2px;bottom:0;margin-top:auto;margin-bottom:auto;margin-left:6px;}
.common-case .title:after{content:"";clear:both;}
.common-case .body.slide{;padding-top:40px;}
.common-case .body .item{background-color:#f0f2fd;display:flex;}
.common-case .body .item .words{padding:40px 20px;}
.common-case .body .item .words .body{margin-top:30px;}
.common-case .item .words h4{font-size:20px;font-weight:600;color:#212121;line-height:1.5;}
.common-case .body .item .img{font-size: 0;}
.common-case .body .more{position: absolute;top: 50%;}
.common-case .body .more span{position:relative;text-align:center;display:inline-block;font-size:14px;vertical-align: top;}
.common-case .body .more span a{color:#ffffff;padding:5px 38px 5px 18px;display:block;}
.common-case .body .more span:first-child{background-color:#ffc107;}
.common-case .body .more span:last-child{background-color:#3f51b5;margin-left:20px;}
.common-case .body .more i{font-style: normal;letter-spacing: 1px;}
.common-case .body .more span i:after{position:absolute;content:"";background-image:url(../images/more-ico.png);width:16px;height:16px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;margin-left:6px;background-position: 48.5% 0;}
.common-case .body.slide .slick-arrow {position:absolute;content:'';border:0;width:28px;height:20px;cursor:pointer;z-index:9999; background-image:url(../images/ico.png);font-size: 0;background-color: transparent;bottom: 40px;padding: 0;}
.common-case .body.slide .slick-prev {background-position:0 59.5%;margin-left:15px;}
.common-case .body.slide .slick-prev:hover {background-position:0 64%;}
.common-case .body.slide .slick-next {background-position:4% 59.5%;margin-left: 115px;}
.common-case .body.slide .slick-next:hover {background-position:4% 64%;}
.common-case .body.slide .slick-dots{margin-top: -70px;}
.common-case .body.slide .slick-dots li{display:none;position:absolute;left:60px;}
.common-case .body.slide .index {color:#757575;font-size:20px;}
.common-case .body.slide .slick-dots li.slick-active{display:block;}

.common-product .title{margin-top: 40px;padding-bottom:20px;border-bottom: 1px solid #c5cae9;}
.common-product .title h2{display: inline-block;font-size:24px;}
.common-product .title .more{position: relative;float:right;margin-right:28px;}
.common-product .title .more a{color:#ffc107;}
.common-product .title .more i{font-style: normal;letter-spacing: 1px;}
.common-product .title .more i:after{position:absolute;content:"";background-image:url(../images/more-ico.png);width:22px;height:20px;background-position: 26.5% 0;top:2px;bottom:0;margin-top:auto;margin-bottom:auto;margin-left:6px;}
.common-product .title:after{content:"";clear:both;}
.common-product .body{margin-left:-5px;margin-right:-5px;margin-top:40px;}
.common-product .slide .img{display:block;padding-left:5px;padding-right:5px;}
.common-product .body .slick-initialized .slick-slide{padding-left:5px;padding-right:5px;}
.common-product .body .item > div{position:relative;}
.common-product .body .more{-webkit-transition: height 0.3s;-moz-transition: height 0.3s;transition: height 0.3s;bottom: 0;height: 2px;position: absolute;overflow: hidden;width: 100%;}
.common-product .body .more div{margin-left:5px;margin-right:5px;}
.common-product .body .more span{position:relative;text-align:center;width:50%;display:inline-block;padding-top:5px;padding-bottom:5px;font-size:14px;vertical-align: top;}
.common-product .body .more span a{display: block;color:#ffffff;}
.common-product .body .more span:first-child{background-color:#3f51b5;}
.common-product .body .more span:last-child{background-color:#ffc107;}
.common-product .body .more i{font-style: normal;letter-spacing: 1px;margin-left: -22px;}
.common-product .body .more span i:after{position:absolute;content:"";background-image:url(../images/more-ico.png);width:16px;height:16px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;margin-left:6px;background-position: 48.5% 0;}
.common-product .body .item:hover .more{height:36px;}
.common-product .body h4{line-height: 1.5;padding-left:5px;letter-spacing: 1px;font-size:16px;padding-top:15px;padding-bottom:35px;}
.common-product .body h4 a{color: #757575;}
.common-product .body .item:hover h4 a{color:#212121;}
.common-product .slick-dots{margin-top:-20px;}
.common-product .slick-dots li button{width: 30px;height: 8px;}
.common-product .slick-dots li button:before{width: 30px;height: 8px;border-radius: 2px;}


.common-material .title{padding-bottom:20px;margin-top:40px;border-bottom: 1px solid #c5cae9;}
.common-material .title h2{display: inline-block;font-size:24px;}
.common-material .title .more{position: relative;float:right;margin-right:28px;}
.common-material .title .more a{color:#ffc107;}
.common-material .title .more i{font-style: normal;letter-spacing: 1px;}
.common-material .title .more i:after{position:absolute;content:"";background-image:url(../images/more-ico.png);width:22px;height:20px;background-position: 26.5% 0;top:2px;bottom:0;margin-top:auto;margin-bottom:auto;margin-left:6px;}
.common-material .title:after{content:"";clear:both;}
.common-material .body{margin-top:40px;}
.common-material .body span{text-align: center;margin-top: 20px;display: block;line-height: 1;}



.breadcrumb {padding-top:20px;padding-bottom:20px;line-height:1}
.breadcrumb ul{position:relative;margin-left:25px;}
.breadcrumb ul:before{content:'';position:absolute;background-image:url(../images/ico.png);width:14px;height:16px;margin-left: -25px;background-position: 10% 100%;}
.breadcrumb li {display:inline-block;}
.breadcrumb li.item {margin-left:30px;position:relative;color:#757575;}
.breadcrumb li.item:before {content:">";color:#757575;margin-left:-20px;position:absolute;}
.breadcrumb li a {color:#757575;}
.breadcrumb li a:hover {color:#3f51b5;}


.pagination{display: table;margin-left:auto;margin-right:auto;margin-top:20px;margin-bottom:40px;font-size:20px;}
.pagination > a{display: inline;padding:0 15px;}
.pagination>a, .pagination>span,.pagination>b{position: relative;float: left;padding:0 15px;color: #757575;text-decoration: none;background-color: #fff;border:1px solid #bdbdbd;margin-left: 10px;margin-right: 10px;transition:all 0.3s;border-radius: 2px;}
.pagination>b{position: relative;float: left;padding:0 15px;color: #fff;background-color: #ffc107;font-weight:normal;border:1px solid #ffc107;}
.pagination>a:hover,.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {z-index: 2;color: #fff;cursor: pointer;background-color: #ffc107;border:1px solid #ffc107;}


footer{background-color:#212121;color:#bdbdbd;}
footer .footer{padding-top:50px;padding-bottom:50px;}
footer a{color:#ffffff;}
footer h3{padding-top:30px;padding-bottom:30px;color:#bdbdbd;text-align:right;font-weight:normal;}
footer .footer .info{padding-top:18px;}
footer .footer .info li > span{display:inline-block;color:#fff;}
footer a.chat-footer{color:#ffffff;line-height: 1;}
footer .footer .chat{margin-top:20px;background-image:linear-gradient(-30deg,#ffc107 0%,#f6ab00 100%);border-radius: 2px;position: relative;display:table;padding:10px 25px;cursor:pointer;}
footer .footer .chat i{display:inline-block;background-image:url(../images/chat.png);width:30px;height:24px;background-size: cover;line-height: 1;vertical-align: middle;}
footer .footer .chat span{margin-left:10px;letter-spacing: 1.6px;line-height: 1;}
footer .footer .row > div.col ul{text-align: right;margin-right: 15px;}
footer .footer .row > div.col-3.product h3{text-align:center;}
footer .footer .row > div.col-3.product  ul{text-align:left;margin-right:0;margin-left:35%}
footer .copy{background-color:#1a1a1a;padding-top:40px;padding-bottom:40px;font-size:14px;}
footer .copy a{margin-left:30px;color:#bdbdbd}

.fixbar{position: fixed;width:48px;right: 0;z-index: 999999;background-color:#ffffff;height:100%;-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.2);box-shadow: 0 1px 10px rgba(0,0,0,0.2);top:0;}
.fixbar ul{position: absolute;top:35%;right:0;}
.fixbar li{background-color:#f0f2fe;width:48px;height:80px;right:0;position:absolute;}
.fixbar li > a{color:#757575;display:inline-block;font-size:14px;line-height:1.28;padding:10px;}
.fixbar li:hover{background-color:#3f51b5;}
.fixbar li:hover a{color:#ffffff;}
.fixbar li.chat{background-color:#3f51b5;}
.fixbar li.chat a{color:#ffffff;}
.fixbar li.chat i{position:relative;display:block;margin-bottom: 4px;margin-left: auto;margin-right: auto;width:26px;height:20px;}
.fixbar li.chat i:before{position:absolute;content:"";background-image:url(../images/ico.png);width:26px;height:20px;background-position: 39.5% 0;left:0;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.fixbar li.email i{position:relative;display:block;margin-left: auto;margin-right: auto;width:20px;height:20px;margin-bottom: 4px;}
.fixbar li.email i:before{position:absolute;content:"";background-image:url(../images/ico.png);width:20px;height:20px;background-position: 39.5% 31.9%;left:0;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.fixbar li.email:hover i:before{background-position: 39.5% 8.3%;}
.fixbar li.wechat i{position:relative;display:block;width:20px;height:20px;margin-left: auto;margin-right: auto;}
.fixbar li.wechat i:before{position:absolute;content:"";background-image:url(../images/ico.png);width:20px;height:20px;background-position: 39.5% 38.3%;left:0;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.fixbar li.wechat div{display:none;color:#ffffff;cursor:pointer;}
.fixbar li.wechat div img{width:80px;height:80px;display:inline-block;margin-right:12px;vertical-align:middle;}
.fixbar li.wechat div span{display:inline-block;vertical-align:middle;font-size:14px;}
.fixbar li.wechat:hover{width:190px;}
.fixbar li.wechat:hover > a{display:none;}
.fixbar li.wechat:hover div{display:block;}
.fixbar li.phone i{position:relative;display:block;width:20px;height:20px;margin-left: auto;margin-right: auto;}
.fixbar li.phone i:before{position:absolute;content:"";background-image:url(../images/ico.png);width:20px;height:20px;background-position: 39.5% 44%;left:0;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.fixbar li.phone div{display:none;color:#ffffff;padding:20px 10px 20px 18px;}
.fixbar li.phone div span{display:block;line-height:1;}
.fixbar li.phone div span:last-child{font-size:21px;font-weight:bold;margin-top:6px;}
.fixbar li.phone:hover{width:190px;}
.fixbar li.phone:hover > a{display:none;}
.fixbar li.phone:hover div{display:block;}
.fixbar li.chat{top:0;}
.fixbar li.email{top:80px;}
.fixbar li.wechat{top:160px;}
.fixbar li.phone{top:240px;}